{$TopMenu}
<div id="main_panel">
    <div id="personal_content" style="padding:10px;border:1px solid #ccc">
        <div class="personal_top_text">Thay đổi th&#244;ng tin th&#224;nh vi&#234;n: <span style="color:#0066CC; font-weight:bold; font-size:15px">{$user.user_name}</span></div>
        <form method="post" name="EditUser" id="EditUser" style="display:inline" enctype="multipart/form-data">
            <div class="personal_avatar" id="bound_avatar_url">									
                {$user.avatar_url}																		
            </div>                               	
            <div class="title_get_avatar_yahoo" id="title_get_avatar_yahoo" onclick="get_avatar_yahoo()"><a href="javascript:void(0)">Lấy Avatar Yahoo</a></div>
            <div style="height:10px"></div>
            <div style="width:80%">
            {$msg}</div>

            <div class="personal_style_form">
                <span class="personal_laber">H&#7885; v&#224; t&#234;n </span>
                <input name="full_name" class="text" type="text" id="full_name" value="{$user.full_name}"/>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">&#272;&#7883;a ch&#7881; </span>
                <input name="address" class="text" type="text" id="address" value="{$user.address}"  />
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Ng&#224;y sinh </span>
                <div align="left">							  
                    <input type="text" id="birth_day" name="birth_day" value="{$user.birth_day}" readonly="true" />
                </div>
            </div>                                        
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Số CMT </span>
                <div align="left">							  
                    <input type="text" id="id_card" name="id_card" value="{$user.id_card}" maxlength="9"/>
                </div>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">S&#7889; &#273;i&#7879;n tho&#7841;i </span>
                <input class="text" name="home_phone" {if $user.phone_verify}readonly="true"{/if} type="text" id="home_phone" value="{$user.home_phone}" maxlength="20"/>
                <div style="margin-left:140px">(Phải có mã vùng. VD: 0439743410)</div>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Hiển thị số điện thoại </span> 
                <input value="1" id="show_home_phone" type="checkbox" name="show_home_phone" {$user.show_home_phone_checked} />
                </span>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Fax </span> 
                <input class="text" name="fax" type="text" id="fax" value="{$user.fax}" maxlength="20"/></span>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Di &#273;&#7897;ng </span>
                <input name="mobile_phone" class="text" type="text" id="mobile_phone" value="{$user.mobile_phone}" maxlength="20"/>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">YahooID </span>
                <input name="yahoo_id" class="text" type="text" id="yahoo_id" value="{$user.yahoo_id}" maxlength="50"/>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">SkypeID </span>
                <input name="skype_id" class="text" type="text" id="skype_id" value="{$user.skype_id}" maxlength="50"/>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Email </span>
                <input name="email" class="text" readonly="true" type="text" id="email" value="{$user.email}" maxlength="100"/>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Hiển thị Email </span>
                <input value="1" id="show_email" type="checkbox" name="show_email" {$user.checked} />
            </div>
            {if $openids}
            <div class="personal_style_form clearfix">
                <div class="personal_laber"><strong>OpenID</strong></div>

                <div style="font-weight:bold;color:#3399FF;width:460px;float:left;line-height:15px;margin-left:160px">
               {foreach from=$openids item=openid}
                    <span title="{$openid.openid_url}">{$openid.openid}</span><br />
               {/foreach}
                </div>
                <div style="clear:left"><span></span></div>
            </div>
            {/if}
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Nhận Email thông báo </span>
                <input value="1" id="email_alert" type="checkbox" name="email_alert" {$user.alert_email_checked} />&nbsp;&nbsp;
                Tích vào đây để nhận các thông báo, tin nhắn, phản hồi tới bạn  ( nếu có ) mỗi ngày!
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Website </span>
                <input name="website" class="text" type="text" id="website" value="{$user.website}"/>
            </div>

            <div class="personal_style_form clearfix clearfix">
                <span class="personal_laber">Blast </span>
                <span>
                    <textarea name="blast" id="blast" cols="40" rows="3">{$user.blast}</textarea>
                </span>
            </div>

            <div class="personal_style_form clearfix">
                <span class="personal_laber">Th&#244;ng tin li&#234;n h&#7879; <br />(hi&#7875;n th&#7883; d&#432;&#7899;i m&#7895;i b&#224;i vi&#7871;t) </span>
                <span>
                    <textarea name="sign" id="sign" cols="40" rows="3">{$user.signature}</textarea>
                </span>
            </div>
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Avatar URL</span>
                <input type="file" name="avatar_url" id="avatar_url" >&nbsp;&nbsp;(*.jpg, *.jpeg, *.gif)
                <input name="old_avatar_url" type="hidden" id="old_avatar_url" value='{$user.avatar_url}' >
            </div>

            <div id="personalSubmit" class="personal_submit clearfix"><input id="update" class="btn_send_mes" onmouseout="this.className='btn_send_mes'" onmouseover="this.className='btn_send_mes_hover'" name="update" type="submit" value="L&#432;u x&#225;c nh&#7853;n">&nbsp;&nbsp;<input class="btnLogLogin" onmouseout="this.className='btnLogLogin'" onmouseover="this.className='btnLogLoginOver'" name="reset" type="reset" value="Nh&#7853;p l&#7841;i" /></div>                  			</form>
    </div>
</div>
{literal}  
<script type="text/javascript">
jQuery().ready(function(){			
	
        jQuery("#birth_day").datepicker({yearRange: '1940:2025'});
	
        jQuery().ajaxComplete(function(r,s){
                jQuery("#loading-layer").fadeOut("slow");
        });
        jQuery.validator.addMethod("phone_number", function(value, element) {
                //return  this.optional(element) || /^[0-9\.\(\)\+]+$/i.test(value);
                return  this.optional(element) || /^[0-9]+$/i.test(value);
        });
		
        jQuery.validator.addMethod("accept", function(value, element, param){
                if(value==''){
                        return true;
                }
                else{
                        return value.match(new RegExp("." + param + "$"));
                }
        });
	
        jQuery("#EditUser").validate({
                errorElement: "em",
                success: function(label) {
                                label.text("ok!").addClass("success");
                },
	
                rules: {
                        full_name:{
                                minlength: 4,
                                maxlength: 25
                        },
                        home_phone: {
                                phone_number: true,
                                minlength: 7,
                                maxlength: 20
                        },
                        fax: {
                                phone_number: true,
                                minlength: 7,
                                maxlength: 20
                        },
                        mobile_phone: {
                                phone_number: true,
                                minlength: 10,
                                maxlength: 20
                        },
                        avatar_url: {
                                accept: "(jpe?g|gif|JPE?G|GIF|'')"
                        }
                },
                messages: {
                        full_name:{
                                minlength: "Họ và tên tối thiểu 4 ký tự",
                                maxlength: "Họ và tên tối đa 25 ký tự"
                        },
                        home_phone: {
                                phone_number: "Số điện thoại không hợp lệ",
                                minlength: "Điện thoại ít nhất 7 ký tự",
                                maxlength: "Số điện thoại quá dài, vượt quá 20 ký tự"
                        },
                        fax: {
                                phone_number: "Số fax không hợp lệ",
                                minlength: "Số fax ít nhất 7 ký tự",
                                maxlength: "Số fax quá dài, vượt quá 20 ký tự"
                        },
                        mobile_phone: {
                                phone_number: "Số di động không hợp lệ",
                                minlength: "Số di động ít nhất 10 ký tự",
                                maxlength: "Số điện thoại quá dài, vượt quá 20 ký tự"
                        },
                        avatar_url: {
                                accept: "Kiểu file không hợp lệ"
                        }
                }
        });
});
{/literal}
{if $openids}
{literal}
function del_openid(o_id){
        if(confirm("Bạn có chắc chắn muốn xoá OpenID Url này khỏi tài khoản của bạn không?\nNếu bạn chấp nhận, bạn sẽ không đăng nhập được vào tài khoản của mình qua OpenID Url này nữa!")){
                jQuery.get(WEB_DIR+"ajax.php?act=user&code=del_openid&o_id="+o_id,
                function(msg){
                        if(msg == 'not_login'){
                                login_error();
                                return false;
                        }
                        else if(msg == 'no_perm'){
                                log_faile('Bạn không có quyền thực hiện chức năng này');
                                return false;
                        }
                        else if(msg == 'unsuccess' || msg == 'invalid'){
                                log_faile('Không thực hiện thành công!',5000);
                                return false;
                        }
                        else{
                                document.location="{/literal}{$url}{literal}";
                                return;
                        }
                });
        }
        else{
                return false;
        }
}
{/literal}
{/if}	
{literal}
</script>
{/literal}